@charset "utf-8";
/* Style Reset*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote,h2,font
{ margin: 0; padding: 0; border:0;} 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;}
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}
a{text-decoration:none;outline:0;}
html{overflow-x:hidden; }
.center{ text-align:center;}
.center img{ border:1px solid #ccc;}
/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.barbook{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.barbook:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -53px;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -158px;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}

/*header*/

body{color:#696868;font-size:12px;overflow-x:hidden;background:#fff;font-family: 'Microsoft Yahei';}
a{ color:#606060;}
.header{width:100%;min-width:1004px;height:62px;padding-top:28px; position:relative; z-index:9;background:url(../images/header.png) top left repeat;}
.logo{ float:left;display:inline;}
.tel{ float:right; font-family:Georgia, "Times New Roman", Times, serif;padding-left:35px;background:url(../images/tel.png) top left no-repeat; line-height:42px; color:#1251ae; font-size:20px;}
.tel span{ font-size:14px;font-family:'Microsoft Yahei';}
.menu{ float:left; width:100%; z-index:9999;height:51px; line-height:51px;position:relative; z-index:9;background:url(../images/menu.png) top left repeat-x; }
.menu ul{ width:1004px; margin:0 auto;}
.menu li{float:left;display:inline;position: relative;text-align:center;width:70px;height:50px;/* overflow:hidden; */padding: 0 15px 0 15px;}
.menu li a{ display:block;width:100%;text-align:center; font-size:14px; color:#2275b2;font-family:'Microsoft Yahei'}
.menu a:hover,.menu a.cur{}
#navChild{
	position:absolute;
	left: 0;
	top: 51px;
	overflow: hidden;
	width:75px;
	z-index:999;
	display: none;
	padding: 4px 12px 4px 13px;
	background: rgba(255,255,255,0.6);
}
#navChild a{
	position:relative;
	display: block;
	width: 75px;
	height:38px;
	padding: 0;
	display:block;
	color: #2275b2;
	font-size:14px;
	line-height:38px;
	text-align:center;
}
.nav{ position:absolute; display:none; z-index:999; left:0;width:70px;}
.menu li .nav a{ float:left; color:#000; width:100%; border-top:1px solid #000; text-align:center;line-height:29px;background:#ffe410}
.menu .nav a:hover,.menu .nav a.cur{height:29px; line-height:29px; padding:0;margin:0;background:#ffe410}
.vbanner,.banner{width:100%; margin-top:-140px; float:left;text-align:center; z-index:1; height:568px;position:relative;}
.vbanner{ height:449px; overflow:hidden;}
#ul01 {width:100%; float:left;text-align:center; display:inline;position:relative;height:567px;  overflow:hidden; }
#ul01 ul{ position:absolute;width:100%; left:0;}
#ul01 li{ float:left; width:100%; height:567px;overflow:hidden;}

.slider{width:1002px; margin:0 auto; z-index:999;position:relative;}
.slider a{ position:absolute; top:236px;display:inline-block;margin-left:10px;background:#f00;width:41px;height:87px;}
.slider .end{ opacity:0.3;filter:alpha(opacity=30)}

#left {left:-40px;background:url(../images/left.png) 0 no-repeat}
.slider #right {right:-40px;background:url(../images/right.png) 0 no-repeat}

/*notice*/
.notice{ width:100%; float:left; position:relative; z-index:99;background:url(../images/notice.jpg) center top repeat-x;height:60px; line-height:60px; }
.noticecon{ width:500px;float:left;font-family:'Microsoft Yahei'; font-size:14px; font-weight:normal; color:#19659d; }
.noticecon b{ float:left;padding-left:10px; font-weight:normal;}
.noticecon marquee{ float:left;width:400px;}
.search{ position:relative;padding-top:17px; float:right; width:330px;z-index:999;height:22px;display:inline;line-height:22px;  padding-right:10px; }
.text{float:left;width:167px; padding-left:5px;color:#382f2a;height:27px; line-height:27px;background:url(../images/text.gif) center top no-repeat;}
.button{float:left;width:56px; margin-left:5px;height:27px; display:inline;background:url(../images/button.gif) center top no-repeat;}
.select{float:left;width:91px; color:#382f2a; margin-left:6px; display:inline;height:27px; line-height:27px;background:url(../images/select.gif) left top no-repeat; position:relative}
.select select{margin:5px auto;width:88px;}
div.selectbox-wrapper{border: #adc9ca 1px solid; overflow:hidden;width:86px; *left:0;position: absolute;background: #fff;text-align:left;*margin-top:0;z-index:10;}
div.selectbox-wrapper ul li.selected {background:#e0ecf7;}
div.selectbox-wrapper ul li.current {color: #fff;background-color:#36c}
div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:100%;cursor:pointer;line-height: 20px;padding-top: 3px;font-size:12px;font-family:'Microsoft Yahei';color:#666;}
.selectbox{border:none;display:block;width:88px;text-indent:8px;cursor:pointer;height:25px;background:none;font-size:12px;font-family:'Microsoft Yahei';color:#382f2a;line-height:25px;}
.btn{float:left;display:inline;margin-left:8px;margin-top:2px;}
/* index*/
.main{ width:980px; margin:0 auto; clear:both; position:relative;}
.news{ float:left; width:490px;}
.news .one .time{color:#fff; background:#1258c6;  }
.time{font-family:Arial, Helvetica, sans-serif;width:64px; height:56px; padding-top:10px; color:#1258c6; background:#e5eefb; float:left; text-align:center;}
.time span{ font-size:26px;}
.time p{ font-size:12px;}
.news ul li{ float:left; width:488px; margin:18px 0 0px 0; background:#f6fbff; padding:1px;border:1px solid #dae9f4;}
.news_r{ float:right; line-height:18px;width:400px; padding-right:10px;}
.news_r a{ color:#1051b8;font-family:'Microsoft Yahei'; margin-top:15px; font-size:14px; width:100%; float:left; margin-bottom:7px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.about{ float:right; width:450px;}
.aboutmain{width:450px; height:220px; padding-top:15px; line-height:26px;}
.aboutmain img{ border:1px solid #dae9f4; margin-bottom:5px;}
.product{width:100%; border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; background:#f3f3f3; height:550px; padding-top:30px;}
.ipronav{ float:left; position:relative;width:188px; height:520px; border-left:1px solid #e4e0e0; border-right:1px solid #e4e0e0;border-bottom:1px solid #d8d8d8;background:#fff;font-family:'Microsoft Yahei';}
.ipronav dt{width:178px; padding-left:12px; position:relative; font-size:20px; margin-left:-1px; background:url(../images/pronav.gif) 99px center no-repeat #1258c6; color:#fff; height:49px; line-height:49px; border-top:1px solid #d8d8d8;}
.ipronav dd{width:188px; height:50px; line-height:50px; font-size:15px; border-bottom:1px solid #e6e6e6; }
.ipronav dd a{color:#6c6c6c; float:left; width:160px;padding-left:18px; background:url(../images/proico.gif) 10px center no-repeat;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.ipronav .ipronavmore{position:absolute; bottom:18px; right:15px;}
.ipronav .ipronavmore a{ float:right;font-size:12px; text-align:left; width:77px; padding-left:10px;height:22px; line-height:22px;color:#1251ae;background:url(../images/more.gif) top right no-repeat;}

.pro{border:1px solid #e4e0e0; background:#fff; width:769px; height:520px; float:right;  }
.pro li{ float:left; margin:35px 0px 0 30px; width:220px; height:210px; display:inline;}
.proimg{ float:left;}
.pro p{ color:#aeaeae}
.proimg img{ float:left; border:1px solid #e0e0e0;}
.pro .proname{ float:left; width:205px;margin-top:14px; padding-bottom:8px;color:#585858;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:12px;}
.title{ width:100%;padding-bottom:3px;position:relative; height:24px; border-bottom:1px solid #ededed;}
.title .fl{ float:left; border-left:3px solid #1258c6; line-height:21px; height:21px; color:#1251ae; font-size:20px;font-family:'Microsoft Yahei'; padding-left:5px; margin-left:10px; display:inline;}
.more{ float:right;font-size:12px; text-align:left; width:77px; padding-left:10px;height:22px; line-height:22px;color:#1251ae;background:url(../images/more.gif) top right no-repeat;}


.row1{width:980px; overflow:hidden; margin:0 auto; height:334px; padding-top:42px; clear:both; position:relative;}


.row3{width:980px; margin:0 auto; overflow:hidden; height:240px; padding-top:53px; clear:both; position:relative;}
.knowledge{ float:left; width:450px; overflow:hidden;} 
.knowledge ul{ margin-top:5px;}
.pointer li{width:100%; border-bottom:1px dashed #d8d8d8; height:40px; line-height:40px;}
.pointer li a{color:#636363; width:95%; float:left;background:url(../images/newsico.gif) 6px  center no-repeat;padding-left:19px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pointer li a:hover{color:#000; }
.pointer li .fl{cursor:pointer;float:left;width: 70%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.pointer li .fr{ color:#707070 }
.contact{ float:right; width:490px; overflow:hidden;}
.contactcon{ padding-top:20px; height:150px;overflow:hidden;width:310px; line-height:30px;padding-left:20px; padding-right:160px;background:url(../images/contactbg.jpg) right 40px no-repeat;}
.contacttel{ margin-bottom:18px; height:29px;}

/* boot*/
.foot_x{width:100%; min-width:1004px;background:#f3f3f3;height:306px;color:#8d8d8d;}
.foot_x a{ color:#8d8d8d;}
.f_link{ width:100%; color:#fff; float:left; height:60px; line-height:60px; background:#1258c6;}
.f_link b{font-size:12px; font-weight:normal;}

.bottomnav{width:100%; height:15px; padding:28px 0; line-height:15px; border-bottom:1px solid #fff;}
.f_link a{ padding:0 8px; color:#fff;}
.bottomnav a{padding-right:20px; padding-left:9px; margin-left:14px; border-right:1px solid }
.bootTxt{ text-align:center;border-top:1px solid #e0e0e0; line-height:28px;width:100%;width:980px; padding-top:40px; margin:0 auto 0;overflow:hidden;}
.share{margin:20px auto 0; width:200px;}

/* 二级页面*/
.fyMain{ width:980px;margin:0 auto 70px;overflow:auto; padding-top:33px; clear:both;}
.wrap{width:980px;float:left;overflow:hidden; padding-top:38px;}
.fyLeft{ float:left;width:231px;overflow:hidden;}
.l_news{ float:left;margin-top:36px; width:230px;padding-bottom:13px; }
.l_news .more{ width:49px; padding-left:7px;}
.l_pro{float:left;width:228px; font-family:'Microsoft Yahei'; border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;
border-bottom:1px solid #f2f2f2; padding-bottom:28px;}
.l_pro_t{ background:#1258c6; margin-left:-1px; border-bottom:1px solid #e6e6e6; font-size:20px; padding-left:16px;width:214px; height:33px; color:#fff; line-height:33px;}
.l_procon{ }
.proOne{ width:100%;float:left;overflow:hidden;}
.proOne ul{display: none;}
.proOne a.cur{ font-weight:bold;}
.proOne a{width:204px; border-bottom:1px solid #ddd; padding-left:24px; color:#1251ae;line-height:34px; float:left;font-size:14px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background:url(../images/l_pro.gif) no-repeat 12px center ; }
.proOne .proTwo{float:left;line-height:25px;overflow:hidden;padding:0px 0 5px;display: block;}
.proTwo li a{ float:left;border-bottom:1px dotted #ddd; font-family:'宋体';font-size:12px; background:url(../images/proico.gif) no-repeat 11px center; color:#929292; line-height:30px;width:204px; padding-left:24px;}
.proTwo li a:hover,.proTwo li a.cur{ float:left;color:#0B375E}
.l_contact{float:left;width:230px; margin-top:40px; font-family:'Microsoft Yahei';font-size:14px;}
.l_contactcon{ float:left;padding:10px 0; padding-left:20px; width:213px;background:url(../images/l_contact.jpg) no-repeat top left;}
.l_tel{width:212px; margin-top:13px; float:left;  padding-left:18px; background:#0e4d94; font-size:16px; color:#fff; line-height:28px; height:28px;}
.l_contactcon font{color: #0e4d94;font: 700 21px/21px 'Microsoft Yahei';}
.l_contactcon p{color:#959595;margin: 20px 0 15px 0;line-height:1.2;}
.l_contactcon a{ background:#0e4d94; width:115px;  text-align:center; height:25px; display:block; line-height:25px; color:#fff;}
/* fyRight*/
.fyRight{ float:right; width:708px; padding-top:7px;padding-bottom:30px; overflow:hidden;}
.fyRight .title{ margin-bottom:25px;}
.title .fr,.title .fr a{ color:#929292;font-size:12px;}
.title .fr{ margin-top:8px;}
.title .fr font{ font-size:12px;}
.mainRightMain{ color:#787878;float:left;width:708px;padding-bottom:20px; min-height:640px; _height:640px;}
.padding25{ padding:0px 25px; line-height:30px; font-size:14px;word-break:break-all;}
.mainr_line{float:left; height:18px; width:99%;background:url(../images/line_s.gif) top left repeat-x;}
.tip{ padding:20px;}
#tip b{color: #1258c6;}
/* list*/
.pro_list{ padding-left:8px;}
.pro_list li{ margin:13px 16px; float:left; width:200px; height:190px; display:inline;}
.pro_list .proimg{width:198px; height:148px; float:left;}
.pro_list li p{width:172px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:0 13px;border:1px solid #e6e6e6; float:left; line-height:28px; margin-top:5px; text-align:center;}

.news_list{padding-left:13px; font-size:14px;padding-bottom:20px; }
.news_list li{ float:left;width:664px;line-height:26px; border-bottom:1px dotted #c9c7c5;}
.news_list li a{float:left;width:100%;height:35px; line-height:35px; color:#787878;}
.news_list li a:hover{ color:#0e4d94; background:#f3f8fd }
.news_list li a span{ cursor:pointer;}
.news_list li .fl{width:400px;background:url(../images/newslist.gif) 6px center no-repeat;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;padding-left:10px; }
.news_list li .fr{ margin-right:10px;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.news_line{ clear:both;width:687px; height:18px; margin:18px 0;}
.news_list p{ font-size:12px; padding:10px 20px; line-height:20px; color:#ccc;}
.pro_txtimg{float:left; margin-bottom:20px; padding-left:14px;}
.pro_txtimg li{ float:left;width:665px; padding-bottom:27px; }
.pro_li_img{float:left; width:200px; box-shadow:2px 2px 3px #b0b0b0; border:1px solid #d9d9d9;margin-right:18px;}
.pro_img{ float:left; margin:3px;border:1px solid #f00;}

.pro_li_txt{float:right; border:1px solid #f6f6f6;display:inline;width:402px;padding:0 15px; background:#f3f8fd; height:165px; color:#787878; line-height:36px; font-size:12px;}
.pro_li_txt p{ float:left; width:402px; line-height:24px; color:#696969; text-indent:1.8em; }
.pro_li_txt .fl{ color:#e28808;}
.protitle{float:left;width:382px;padding-left:12px; line-height:1; padding:20px 0px 16px 20px; font-weight:bold;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:#0e4d94; font-size:14px; }

/*news_view*/
.mainRightMain h2{ font-size:18px; font-family:黑体; font-weight:normal; color:#1258c6;}
.padding20{ float:left; width:583px; text-align:justify; padding:0 30px 0 35px;}
.title_s{text-align:center;color:#90a3c3;font-size:12px;line-height:35px;margin: 10px 0;}
.conbanner{ float:left; width:100%;}
.mainrbanner{ border:1px solid #dbdbdb; width:306px; margin:0 auto 20px;}
.mainrbanner img{border:3px solid #fff}
.padding25 .center img{ border:1px solid #ccc; margin-bottom:10px; width:auto; max-width:600px;_width:expression(document.body.clientWidth > 600 ? "600px" : "auto");}
.line_s{float:left; width:96%; height:8px; margin:8px 0 15px 10px; display:inline; border-bottom:1px dashed #BEC0BF; }
.newsview{min-height:400px;display:inline;width:650px;border-bottom:1px dashed #035fa7;border-top:1px dashed #035fa7;padding:15px 0;margin-bottom: 24px;_height:400px;font-size:14px;line-height:28px;float:left;}
.main_r_nav div{ line-height:25px; color:#000;}
.main_r_nav{ float:left; width:400px; font-size:12px; }
.returnlist{ margin-top:15px; float:right;color:#1258c6; font-size:12px; }
.main_r_nav a{ color:#1258c6 }
/* page*/
.page{margin: 30px 0 15px 0;padding-top: 20px;float:left;width:100%;line-height: 34px;text-align:center;color:#1a1d22;}
.page a {color: #fff;padding:0 11px;margin:0 5px;font-/weight: bold;background: #1258c6;}
.page *{display:inline-block;_zoom:1;_display:inline;vertical-align:middle;line-height: 30px;height: 30px;padding-bottom:1px;}
.page .hover {display:inline-block;color:#fff;background: #0e4d94;}
.page a:hover {display:inline-block;color:#fff;background: #0e4d94;}
/* page*/
/* search*/
.searchnull{ float:left; text-align:center; width:100%; padding:3% 0; font-size:14px;}
.searchnull font{ color:#F00; font-size:14px;}
.searchmore{ float:left; width:92%; background:#efefef; text-align:center;margin:10px 20px;_margin:10px ; border:1px solid #dbd6f1}
.searchmore a{ line-height:25px; color:#333;}
.input_title{ background:none; line-height:30px;height:30px; padding-left:7px;}
/* book*/
.book{ float:left; padding-left:25px;}
.bookmain{width:640px; margin:20px auto;height:auto;background:#fff;padding:0 25px ; overflow:auto; }
.bookline{width: 640px; height:34px;float:left; margin-top:10px;}
.book3{ width:640px; margin:0 auto;}
.booktop{ width:640px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; }
.booktop_name{ width:470px; height:30px; float:left; padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:#ccc; text-align:right; line-height:30px;}
.bookcontent{ width:610px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left;}
.bookadmin_mid{ width:610px; min-height:30px; background:#fff; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);}
.admintimecol{ color:#5e7194;}
.message{ width:600px; height:auto;float:left;padding-left:50px;}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px; cur/sor:pointer}
.message li input{ height:20px; line-height:20px; width:150px; border:1px solid #ccc;}
.message li p.message_sub input{float:left;width: 134px;height: 30px;display: block;border-radius: 5px;border: none;color: #fff;font-size: 16px;line-height: 30px;text-align: center;background: #1258c6;border-bottom: 2px solid #0e4d94;cursor: pointer;}
.message li p.message_title{ width:100px; height:25px; float:left; text-align:right; line-height:20px;}
.message li p.message_content{ width:400px; height:25px; float:left;}
.message li.contentb{ width:500px;height:160px; float:left;}
.message li.contentb textarea{ width:370px; height:120px; border:1px solid #ccc }
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; height:15px; float:left;}
.message li p.message_yzminput input{ width:80px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:170px; height:40px; float:left; text-align:right;}


/* hr*/
.hrBox{ width:634px; float:left; min-height:91px; _height:91px; border:1px solid #dbdbdb; margin-bottom:20px; background:#efefef; margin-left:20px;_margin-left:10px; } 
.hrBoxL{ width:100px; float:left; text-align:center;  }
.hrBoxL li{ width:100px; min-height:30px; _height:30px; line-height:30px;border-bottom:1px #dbdbdb solid;vertical-align: bottom}
.jobName{ width:380px; float:left;}
.hrBtn{ width:100px; float:left; text-align:center; padding-top:3px;}
.hrBoxL li.haode{ border-bottom:none;}
.hrBoxR{ width:533px; float:left; text-align:left; border-left:1px solid #dbdbdb;}
.hrBoxR li{ width:508px; min-height:30px; _height:30px; line-height:30px; border-bottom:1px #dbdbdb solid; padding-left:15px; vertical-align: bottom; padding-right:10px;}
.hrBoxR li.topline{ overflow:hidden; height:30px;}
.hrBoxR li.topline img{ margin-top:3px;}
.hrBoxR li.haode{ border-bottom:none;}
.hrTable{ width:614px; float:left; height:440px; background:#efefef; border:1px solid #dbdbdb;margin-left:35px;_margin-left:17px;}
.tableTitle{ width:614px; height:36px; text-align:center; line-height:36px; border-bottom:1px solid #dbdbdb; font-weight:bold;}
.lineOne{ height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; width:614px;}
.lineOneL{ width:94px; float:left; text-align:center; border-right:1px solid #dbdbdb;}
.lineOneR{ width:509px; float:left; padding-left:10px;}
.tableMainL{ width:94px; float:left; border-right:1px solid #dbdbdb; text-align:center;}
.tableMainL li{ width:94px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb;}
.tableMainR{ width:211px; float:left; border-right:1px solid #dbdbdb; text-align:left; }
.tableMainR li{ width:206px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainR li span{display:inline-block;}
.tableMainRno{ width:212px; float:left; text-align:left;}
.tableMainRno li{ width:207px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainRno li span{display:inline-block;}
.input_hr{ width:126px; height:17px; line-height:17px; padding:0px; vertical-align:middle; font-size:12px; border:1px solid #dbdbdb;}
.sel_hr{ width:130px; height:20px; line-height:20px; padding:0px; vertical-align:middle; font-size:12px; }
.bottomLine{ width:614px; height:123px; border-bottom:1px solid #dbdbdb; }
.lineBootL{ width:94px; height:123px; border-right:1px solid #dbdbdb; text-align:center; float:left;}
.lineBootR{ width:509px; float:left; padding-left:10px;  height:123px;}
.are_hr{ width:470px; height:80px; margin-top:11px;}
.hr_btn{ width:614px; height:31px; line-height:31px;}
.hr_btnL{ width:310px; float:left; border-right:1px solid #dbdbdb; text-align:center; height:31px;}
.hr_btnR{ width:300px; float:left; text-align:center; }
.c_red{ color:#f00;}
.searchred{ color:#f00 !important; margin:0 !important}
/* hr */
.hr{ margin:10px auto; width:95%;font-size:12px;line-height:24px; border:1px #CCC solid;border-collapse: collapse; background:#efefef; }
.hr td{border:1px #CCC solid;border-collapse: collapse; line-height:2;}
.hr input,.hr textarea{ line-height:1.8; border:1px solid #ccc;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:12px;}
/* product view 产品内页 */
.view_imgs{width:555px;height:500px;margin:20px auto;position:relative;background:#f7f7f7;}
.view_imgs .btn{position:absolute;width:15px;height:70px;top:422px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.view_imgs .prev{left:0;background:url(../images/view_left.png) no-repeat center center #bfbebe;}
.view_imgs #prev,.view_imgs #prev #next{width: 15px;height: 70px;margin-left: 0;}
.view_imgs #prevTop,.view_imgs #nextTop{display:none}
.view_imgs .next{right:0;background:url(../images/view_right.png) no-repeat center center #bfbebe;}
.view_imgs li{float:left;}
.view_imgs .prev:hover,.view_imgs .next:hover{background-color:#1258c6;}
.view_imgs .cf li{position:relative;color:#fff;}
.view_imgs .cf a{display:block;width:555px;height:416px;position:absolute;color:#fff;}
.view_imgs .picBox{height:416px;position:relative;overflow:hidden;}
.view_imgs .picBox ul{height:416px;position:absolute;}
.view_imgs .picBox li{width:555px;height:374px;}
.view_imgs .listBox{width:511px;height:71px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.view_imgs .listBox ul{height:71px;position:absolute;}
.view_imgs .listBox li{width:104px;height:71px;cursor:pointer;position:relative;}
.view_imgs .listBox li a{display:block;width:95px;height:71px;}

.view_imgs .listBox li img{width:95px;height:71px;}
.view_imgs .listBox .on img{width:89px;height:65px;border: 3px solid #1258c6;}
.view_imgs .picBox li img{max-width: 100%;}
.ol_width { width:580px;}